@media(max-width: 800px){
	html,body{
    	min-width: 100%!important; 
	}
	.center{
		width: 90%!important;
	}
	#head{
		width: 100%!important;
		min-width:100%!important;
		height:66px!important;
		position: relative!important;
		#logo{
			float: left!important;
			margin-right: 0!important;
			img{
				width:70%!important;
				height:auto!important;
			}
		}
		.head-list{
			display: block!important;
			float: right!important;
			margin-right: 0!important;
			img{
				margin-top: 20px!important;
				width:48%!important;
				height:auto!important;
				float: right!important;

			}
		}
		#head-div{
			background: #fff!important;
			width: 130px!important;
			position: absolute!important;
			top:66px!important;
			right: 0!important;
			margin-right: 5px!important;
			border-radius:5px!important;
			&:after{
				content:"";
				width: 0;
			    height: 0;
			    border-left: 10px solid transparent;
			    border-right: 10px solid transparent;
			    border-bottom: 10px solid #fff;
			    position: absolute;
			    right: 20%;
			    bottom:100%;
			}
			li{
				padding-left: 10px!important;
				height: 32px!important;
				margin-top:5px!important;
				.a_circle{ 
					width: 120px!important;
					margin-top:5px!important;
					height: 32px!important;
					.head-a{
						border-right:none!important;
						font-size: 16px!important;
						color: #58010A!important;
						&.current,&:hover{
							color:black!important;	
						}
					}
					.circle{
						width: 8px!important;
				 		height:8px!important; 
				 		bottom: 40%!important;
				 		border-radius:50px!important;
				 		margin:0!important;
				 		border: 3px solid #2f2e2c!important;
				 		border-bottom: 3px solid #2f2e2c!important;
					}
				}
			}
		}	
	}
	#focus{
		margin-top: 0!important;
		padding-top: 0!important;
		width:100%!important;
		min-width:100%!important;
		height:auto!important;
		.bd{
			height: auto!important;
			li{
				height: auto!important;
				padding-top: 33%!important;
				img{
					width:135%!important;
					height:auto!important;
					left: 0!important;
					margin-left:-25%!important;
				}
			}
		}
		.hd{
			position: absolute!important;
			bottom:5px!important;
			ul{
				li{
					width:27px!important;
					height: 3px!important;
				}
			}
		}  	
	}
	#introduce{
		min-width:100%!important;
		height:auto!important;
		margin-top: 0!important;
		padding-top: 40px!important;
		padding-bottom: 100px!important;
		background-image: url("../img/bg.jpg") no-repeat !important;
		background-color: #F2F2F2!important;
		background-size: 100%!important;
		.subject{
			margin-top: 0!important;	
			margin-left:0!important;
			.third{
				margin-left: 0!important;
				margin-right: 0!important;
				width: 100%!important;
				align-items: center!important;
				display: -webkit-flex!important;
				margin-bottom: 10%!important;
	            .images,.image-3{
	            	margin-left: 0!important;
	            	margin-right: 0!important;
	            	width:22%!important;
	            	height: auto!important;
	            	float: left!important;
	            	padding-top: 20px!important;
	            	padding-bottom: 20px!important;
	            }
	            .font-box{
	            	padding-left: 10%!important;
	            	top: 0!important;
	            	float: left!important;
	            	.bold_font{
	            		margin-top: 5%!important;
						font-size: 20px!important;
					}
					.details{
						width: auto!important;
						font-size: 16px!important;
						margin-top: 15px!important;
						margin-left: 0!important;
						text-align: left!important;
					}
	            }
			}
		}	
	}
	#rhomboid{
		min-width: 100%!important;
		height: auto!important;
		background-color: #D11F1F!important;
		margin-top: -70px!important;
		padding-top: 40px!important;
		padding-bottom: 70px!important;
		position: static!important;
		#select_global{
			background: url("../img/red.jpg") no-repeat !important;
			background-size: 100%!important;
			margin-top: 35px!important;
			position:static!important;
			top: 0!important;
			left: 0!important;
			right: 0!important;
			.phonepng{
				width:100%!important;
				height:auto!important;
			}
			ul{
				 margin-top: 0!important;
				li{
					margin-left: 0!important;
					width:20%!important;
					.flag{
						img{
							width:100%!important;
							height:auto!important;
						}
					}
				}
				.european{
					margin-left: 0!important;
				}
			}
			#five{
				margin:0 auto!important;
				margin-top:20%!important;
				width: 232px!important;
				font-size: 25px!important;
				padding-left: 0!important;
				padding-right: 0!important;
				background: #830609!important;
			}
			#ad{
				margin-top: 18px!important;
				font-size: 18px!important;
				line-height: 30px!important;
			}
		}
	}
	#shopping{
		min-width: 100%!important; 
		height:auto!important;
		#shop_head{
			margin-left: -5px!important;
			width:100%!important;
			font-size: 22px!important;
			font-weight:bold !important;
			margin-top: 60px!important;
		}
		#container{
			position: relative!important;
		  	#itemdescription {
			    position:static!important;
			    width:100%!important;
			    height: auto!important;
			    li{
			    	display:block!important;
					margin-left: 20px!important;
					padding-bottom: 200%!important;
					font-size: 20px!important;
					margin-top: 0!important;
					&:before{
						content:"";
						width: 13px!important;
						height: 13px!important;      
						background:#f64e4e!important;      
						border-radius: 50%!important; 
						-moz-border-radius: 50%!important;      
						-webkit-border-radius: 50%!important; 
						position: absolute!important; 
						margin-left:-25px!important; 
						margin-top: 5px!important;  
					}
			    	.step1{
						width: 60%!important;
						font-size: 16px!important;
					}
			    	.step2-4{
						margin-top: 15px;
						width: 80%!important;
						font-size: 16px!important;
						.up_down{
							margin-top: 10px;
						}
					}
			    }
			    li:nth-child(3){
					margin-top: 15%!important;
				}
				li:nth-child(4){
					padding-bottom: 0%!important;

				}
			}
		  	#itemlist {
			    display:block;
			    margin-left: 0!important;
			    position:static!important;
			    img{
			    	position:static!important;
			    	cursor:pointer;
			    	transition:none!important;
			    	width: 100%!important;
			    	height: auto!important;
			    }
			 	img.item-0 {
				    left: 0!important;
				    z-index:0!important;
				    transform:none!important;
				    position: absolute!important;
				    top: 150px!important;
				} 
			  	img.item-1 {
				    left: 0!important;
				    z-index:0!important;
				    transform:none!important; 
				    margin-top: 0!important;
				    position: absolute!important;
				    top: 29%!important;
				    margin-top:110px!important;
				}
			  	img.item-2 {
				    left: 0!important;
				    z-index:0!important;
				    transform:none!important;
				    position: absolute!important;
				  	bottom: 24%!important;	    
				}
			  	img.item-3 {
				   left: 0!important;
				    z-index:0!important;
				    transform:none!important; 
				   margin-top: 10px!important;

			    }
			}
		}
	}
	#proof{
		width: 100%!important;
		min-width:100%!important; 
		background: url("../img/bg-yellow.jpg") no-repeat !important;
		background-size:100% 150%!important;
		#proof_img{
			margin-top: 20%!important;	
			padding-left: 0!important;
			width: 100%!important;
			height: auto!important;
		}
		.proof_head{
			padding-left: 0!important;
			padding-top: 30px!important;
			text-align: center!important;
			font-size:30px!important;
			font-weight: bold!important;
		}
		.proof_p{
			width: 100%!important;
			padding-left: 0!important;
			font-size:18px!important;
			line-height: 30px!important;
		}
	}
	#about_us{
		width:100%;
		min-width: 100%!important;
		height: auto!important; 
		padding-bottom: 20%!important;
		background: url("../img/bg-us.jpg") no-repeat !important;
		background-size:100% 120%!important;
		.left{
			align-items: center!important;
			display: -webkit-flex!important;
			padding-top: 16%!important;
			.logo-img{
				margin-top:0!important;
				padding-left: 0!important;
				width: 30%!important;
				height: auto!important;
				float: left!important;
			}
			.logo-font{
				margin-top:0!important;
				padding-left:10%!important;
				font-size: 30px!important;
				font-weight: bold!important;
				float: left!important;
			}
		}
		.p1-right{
			width: 100%!important;
			margin-top:15%!important;
			margin-left:0!important;
			font-size: 16px!important;
			line-height: 30px!important;
		}
		.p2-right{
			width: 100%!important;
			margin-top: 0!important;
			margin-left:0!important;
			font-size: 16px!important;
			line-height: 30px!important;	
		}
	}
	#last{
		width: 100%!important;
		height:auto!important;
		min-width: 100%!important;
		margin-top:-18%!important;
		.center{
			padding-top: 600px!important;
			position: relative!important;
			.left-font{
				width: 180px!important;
				float: none!important;
				margin-left:0!important;
				font-size: 16px!important;
				animation-delay:2s!important;
				position: absolute!important;
				bottom: 10px!important;
				left: 50%!important;
				margin-left: -90px!important;
				text-align: center!important;
			}
			.QRcode{
				padding-top: 0!important;
				width: 255px!important;
				height: 260px!important;
				float:none!important;
				margin-left:0!important;
				position:absolute!important;
				top: 200px!important;
				left: 50%!important;
				margin-left: -127.5px!important;
				animation-delay:0s!important;
			}
			.right-font{
				padding-top: 0!important;
				width: 180px!important;
				float:none!important;
				margin-left:0!important;
				font-size: 18px!important;
				animation-delay:1s!important;
				position: absolute!important;
				top: 460px!important;
				left: 50%!important;
				margin-left: -90px!important;
				text-align: center!important;
			}
		}
	}
}
